<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <link rel="stylesheet" href="__CSS__/userweb/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/loading.css">
    <link rel="stylesheet" href="__CSS__/userweb/common.css">
    <link rel="stylesheet" href="__CSS__/userweb/personal.css">
    <link rel="stylesheet" href="__CSS__/userweb/myInfo.css">
    <link rel="stylesheet" href="__CSS__/userweb/myOrder.css">
    <link rel="stylesheet" href="__CSS__/userweb/myPagination.css">
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body id="overhidden">
{include file="html/Common/indexHeader"}
<div id="myOrder">
    <!--提醒发货-->
    <div class="model_box delete_confirm_box" id="confirmOrder">
        <div class="model_content">
            <div class="close_model_box" onclick="closeModel(1)">
                <img src="/image/userweb/slicesImg/close-btn.png" alt="">
            </div>
            <div class="model_info">
                <div class="model_info_title">
                    <div class="model_tip_title">
                        <div class="title_zh">提醒商家发货成功</div>
                        <div class="title_en">reminding the merchant to deliver the goods successfully</div>
                    </div>
                </div>
                <div class="model_info_cont">
                    <div class="model_img">
                        <img :src="firstImage" alt="">
                    </div>
                    <div class="model_name">
                        <div class="title_zh">{{firstName}}</div>
                    </div>
                </div>
            </div>
            <div class="model_bottom_bar"  onclick="closeModel(1)" >
                <div class="model_btn delete_sure_btn">确定(determine)</div>
            </div>
        </div>
    </div>
    <!--重复提醒发货-->
    <div class="model_box delete_confirm_box" id="confirmAgain">
        <div class="model_content">
            <div class="close_model_box" onclick="closeModel(3)">
                <img src="/image/userweb/slicesImg/close-btn.png" alt="">
            </div>
            <div class="model_info">
                <div class="model_info_title">
                    <div class="model_tip_title">
                        <div class="title_zh">已经提醒，请勿重复提醒!</div>
                        <div class="title_en">have been reminded, do not repeat the reminding!</div>
                    </div>
                </div>
                <div class="model_info_cont">
                    <div class="model_img">
                        <img :src="firstImage" alt="">
                    </div>
                    <div class="model_name">
                        <div class="title_zh">{{firstName}}</div>
                    </div>
                </div>
            </div>
            <div class="model_bottom_bar"  onclick="closeModel(3)" >
                <div class="model_btn delete_sure_btn">确定(determine)</div>
            </div>
        </div>
    </div>
    <!--取消订单-->
    <div class="model_box delete_confirm_box" id="cancelOrder">
        <div class="model_content">
            <div class="close_model_box" onclick="closeModel(2)">
                <img src="/image/userweb/slicesImg/close-btn.png" alt="">
            </div>
            <div class="model_info">
                <div class="model_info_title">
                    <div class="model_tip_title">
                        <div class="title_zh">确定取消订单？</div>
                        <div class="title_en">confirm that you would like to cancel your order??</div>
                    </div>
                </div>
                <div class="model_info_area">
                    <div class="model_name">
                        <div class="title_zh">取消订单需要通过电话联系商家协商征求商家同意</div>
                        <div class="title_en">you would need to contact us by telephone should you wish to cancel an order</div>
                    </div>
                </div>
                <div class="get_phone_box">
                    <div class="phone_box">
                        <div class="title_zh">卖家电话：</div>
                        <div class="title_en">trader's telephone number:</div>
                    </div>
                    <div class="tel_num">{{tel}}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="index_container" style="background-color: #fff" >
        <!--轮播-->
        <div class="banner">
            <ul id="on"></ul>
            <div class="banner_list"></div>
        </div>
        <div class="content">
            <div class="my_show_container">
                <div class="my_show_box" >
                    <div class="categories_list ">
                        <ul>
                            <li>
                                <a href="/userweb/index/myInfo" class="active">
                                    <div class="list_title">
                                        <div class="title_zh">个人信息</div>
                                        <div class="title_en">personal information</div>
                                    </div>
                                    <span class="list_arrow">
                                        <img src="/image/userweb/slicesImg/list-arrow-change.png" alt="">
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="/userweb/index/myOrder">
                                    <div class="list_title">
                                        <div class="title_zh">我的订单</div>
                                        <div class="title_en">my order</div>
                                    </div>
                                    <span class="list_arrow">
                                        <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="/userweb/index/myCollection">
                                    <div class="list_title">
                                        <div class="title_zh">我的收藏</div>
                                        <div class="title_en">my collection</div>
                                    </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                                </a>
                            </li>
                            <li>
                                <a href="/userweb/index/evaluation">
                                    <div class="list_title">
                                        <div class="title_zh">收到评价</div>
                                        <div class="title_en">received evaluation</div>
                                    </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                                </a>
                            </li>
                            <li>
                                <a href="/userweb/index/notification">
                                    <div class="list_title">
                                        <div class="title_zh">系统通知</div>
                                        <div class="title_en">system notification</div>
                                    </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                                </a>
                            </li>
                            <li>
                                <a href="/userweb/index/set">
                                    <div class="list_title">
                                        <div class="title_zh">设置</div>
                                        <div class="title_en">settings</div>
                                    </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="my_show_content" v-cloak>
                        <div class="my_show_bar">
                            <div class="my_title">
                                <p>个人信息</p>
                                <p>personal information</p>
                            </div>
                        </div>
                        <div class="my_show_area">
                            <div class="personal_show_box">
                                <div class="personal_img">
                                    <img :src="user_image" alt="">
                                </div>
                                <div class="personal_show_name">{{ user_name }}</div>
                                <div class="set_personal_btn" v-on:click="goMyinfo()">
                                    <div class="title_zh">编辑个人信息</div>
                                    <div class="title_en">edit Personal information</div>
                                </div>
                            </div>
                            <div class="my_order_static">
                                <ul class="my_nav">
                                    <!--<li class="active">
                                        <a href="#dclOrder" data-toggle="tab" v-on:click="change(1)">
                                            <div class="title_zh">待处理</div>
                                            <div class="title_en">pending</div>
                                        </a>
                                        <div class="border-b"></div>
                                    </li>
                                    <div></div>-->
                                    <li class="active">
                                        <a href="#dfhOrder" data-toggle="tab" v-on:click="change(2)">
                                            <div class="title_zh">待发货</div>
                                            <div class="title_en">to be delivered</div>
                                        </a>
                                        <div class="border-b"></div>
                                    </li>
                                    <div></div>
                                    <li>
                                        <a href="#dqrOrder" data-toggle="tab" v-on:click="change(3)">
                                            <div class="title_zh">待确认</div>
                                            <div class="title_en">to be confirmed</div>
                                        </a>
                                        <div class="border-b"></div>
                                    </li>
                                    <div></div>
                                    <li>
                                        <a href="#dpjOrder" data-toggle="tab" v-on:click="change(4)">
                                            <div class="title_zh">交易完成</div>
                                            <div class="title_en">transaction is successful</div>
                                        </a>
                                        <div class="border-b"></div>
                                    </li>
                                    <div></div>
                                   <!-- <li>
                                        <a href="#jywcOrder" data-toggle="tab" v-on:click="change(5)">
                                            <div class="title_zh">交易完成</div>
                                            <div class="title_en">transaction is successful</div>
                                        </a>
                                        <div class="border-b"></div>
                                    </li>
                                    <div></div>-->
                                    <li>
                                        <a href="#closeOrder" data-toggle="tab" v-on:click="change(6)">
                                            <div class="title_zh">交易关闭</div>
                                            <div class="title_en">cancel a deal</div>
                                        </a>
                                        <div class="border-b"></div>
                                    </li>
                                    <em class="clear-float"></em>
                                </ul>
                            </div>
                            <div class="tab-content my_order_content" v-loading="loading">
                                <!--待处理-->
                                <!--<div class="tab-pane" id="dclOrder">
                                    <div class="my_order_list" v-for="list in orderLists">
                                        <div class="info_box">
                                            <div class="order_shop_info">
                                                <div class="order_shop_img">
                                                    <img :src="list.image" alt="">
                                                </div>
                                                <div class="order_shop_title">
                                                    <div class="title_zh">{{list.supplier_name}}</div>
                                                </div>
                                                <div class="order_count">
                                                    <div class="title_zh">共计商品 {{list.product_count}} 件</div>
                                                    <div class="title_en">a total of {{list.product_count}} item</div>
                                                </div>
                                            </div>
                                            <div class="order_info_area" v-for="goods in list.product">
                                                <div class="order_product_img">
                                                    <img :src="goods.image" alt="">
                                                </div>
                                                <div class="product_info_box">
                                                    <div class="product_name_area">
                                                        <div class="product_name">
                                                            <div class="title_zh">{{goods.product_name}}</div>
                                                        </div>
                                                        <div class="product_num">{{goods.specification_name}}kg</div>
                                                        <div class="product_num_number">×{{goods.specification_count}}</div>
                                                    </div>
                                                    <div class="product_price_area">
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">总增值税</div>
                                                                <div class="title_en">total VAT</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.tax}}</span>
                                                            </div>
                                                        </div>
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">收取总额</div>
                                                                <div class="title_en">total charge</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.total_price}}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="total_amount_box">
                                                <div class="total_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.paymoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">共</div>
                                                        <div class="title_en">a total of</div>
                                                    </div>
                                                </div>
                                                <div class="discount_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.discountmoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">已节省</div>
                                                        <div class="title_en">economized</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="btn_box">
                                                <div class="my_check_btn" v-on:click="showCancel(list.tel)">
                                                    <div class="title_zh">取消订单</div>
                                                    <div class="title_en">cancel order</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination_box" v-html="paginate"></div>
                                </div>-->
                                <!--待发货-->
                                <div class="tab-pane active" id="dfhOrder">
                                    <div class="my_order_list" v-for="(list,index) in orderLists">
                                        <div class="info_box"  >
                                            <div class="order_shop_info">
                                                <div class="order_shop_img">
                                                    <img :src="list.image" alt="">
                                                </div>
                                                <div class="order_shop_title">
                                                    <div class="title_zh">{{list.supplier_name}}</div>
                                                </div>
                                                <div class="order_count">
                                                    <div class="title_zh">共计商品 {{list.product_count}} 件</div>
                                                    <div class="title_en">a total of {{list.product_count}} item</div>
                                                </div>
                                            </div>
                                            <div class="order_product_info" v-for="goods in list.product">
                                                <div class="order_product_img">
                                                    <img :src="goods.image" alt="">
                                                </div>
                                                <div class="product_info_box">
                                                    <div class="product_name_area">
                                                        <div class="product_name">
                                                            <div class="title_zh">{{goods.product_name}}</div>
                                                        </div>
                                                        <div class="product_num">{{goods.packing_proportion}}{{goods.unit}}</div>
                                                        <div class="product_num_number">×{{goods.num}}</div>
                                                    </div>
                                                    <div class="product_price_area">
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">总增值税</div>
                                                                <div class="title_en">total VAT</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.tax}}</span>
                                                            </div>
                                                        </div>
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">收取总额</div>
                                                                <div class="title_en">total charge</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.total_price}}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="total_amount_box">
                                                <div class="total_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.paymoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">共</div>
                                                        <div class="title_en">a total of</div>
                                                    </div>
                                                </div>
                                                <div class="discount_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.discountmoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">已节省</div>
                                                        <div class="title_en">economized</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="btn_box">
                                            <div class="my_check_btn " v-on:click="showCancel(list.tel)">
                                                <div class="title_zh">取消订单</div>
                                                <div class="title_en">cancel order</div>
                                            </div>
                                            <div class="my_check_btn"  v-on:click="remindDelivery(list.order_id,index)">
                                                <div class="title_zh">提醒发货</div>
                                                <div class="title_en">remind the shipment</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination_box" v-html="paginate"></div>
                                </div>
                                <!--待确认-->
                                <div class="tab-pane" id="dqrOrder">
                                    <div class="my_order_list" v-for="list in orderLists">
                                        <div class="info_box">
                                            <div class="order_shop_info">
                                                <div class="order_shop_img">
                                                    <img :src="list.image" alt="">
                                                </div>
                                                <div class="order_shop_title">
                                                    <div class="title_zh">{{list.supplier_name}}</div>
                                                </div>
                                                <div class="order_count">
                                                    <div class="title_zh">共计商品 {{list.product_count}} 件</div>
                                                    <div class="title_en">a total of {{list.product_count}} item</div>
                                                </div>
                                            </div>
                                            <div class="order_product_info" v-for="goods in list.product">
                                                <div class="order_product_img">
                                                    <img :src="goods.image" alt="">
                                                </div>
                                                <div class="product_info_box">
                                                    <div class="product_name_area">
                                                        <div class="product_name">
                                                            <div class="title_zh">{{goods.product_name}}</div>
                                                        </div>
                                                        <div class="product_num">{{goods.packing_proportion}}{{goods.unit}}</div>
                                                        <div class="product_num_number">×{{goods.num}}</div>
                                                    </div>
                                                    <div class="product_price_area">
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">总增值税</div>
                                                                <div class="title_en">total VAT</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.tax}}</span>
                                                            </div>
                                                        </div>
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">收取总额</div>
                                                                <div class="title_en">total charge</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.total_price}}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="total_amount_box">
                                                <div class="total_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.paymoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">共</div>
                                                        <div class="title_en">a total of</div>
                                                    </div>
                                                </div>
                                                <div class="discount_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.discountmoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">已节省</div>
                                                        <div class="title_en">economized</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="btn_box">
                                            <div class="my_check_btn" v-on:click="receipt(list.order_id)">
                                                <div class="title_zh">确认收货</div>
                                                <div class="title_en">confirm receipt</div>
                                            </div>
                                            <div class="my_check_btn cancel_btn" onclick="check_logistics()" v-on:click="details(list.order_id)">
                                                <div class="title_zh">查看物流</div>
                                                <div class="title_en">check the logistics</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination_box" v-html="paginate"></div>
                                </div>
                                <!--待确认 查看物流详情-->
                                <div class="tab-pane" id="dqrOrder_check_logistics">
                                    <div class="check_logistics">
                                        <div class="my_order_list check_logistics_top" >
                                            <div>
                                                <div class="order_product_img">
                                                    <img :src="detailsList.image" alt="">
                                                </div>
                                                <div class="product_info_box">
                                                    <div class="product_name_area">
                                                        <div class="check_logistics_top_status">
                                                            <div class="title_zh">{{detailsList.state}}</div>
                                                        </div>
                                                        <div style="margin-top: 34px">
                                                            <div class="check_logistics_top_title">
                                                                <div class="title_zh">送货电话</div>
                                                                <div class="title_en">delivery telephone number</div>
                                                            </div>
                                                            <div class="check_logistics_top_tel">{{detailsList.tel}}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="check_logistics_address">
                                                <img src="/image/userweb/personal/address.png" alt="">
                                                <div>
                                                    <div>{{detailsList.addr}}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="check_logistics_time">
                                            <ul>
                                                <li>
                                                    <div class="check_logistics_week" v-if="detailsList.receipt_week">
                                                        <div>{{detailsList.receipt_week}}</div>
                                                        <div>{{detailsList.receipt_week_english}}</div>
                                                        <div style="color: #999">{{detailsList.receipt_time}}</div>
                                                    </div>
                                                    <div class="check_logistics_week" v-else>
                                                        <div>时间未知</div>
                                                        <div>unknown time</div>
                                                    </div>
                                                    <div class="check_logistics_icon"></div>
                                                    <div class="check_logistics_mes">
                                                        <div>买家收货</div>
                                                        <div>buyer receipt</div>
                                                    </div>
                                                </li>
                                                <div class="static_line_first"></div>
                                                <li>
                                                    <div class="check_logistics_week" v-if="detailsList.delivery_week">
                                                        <div>{{detailsList.delivery_week}}</div>
                                                        <div>{{detailsList.delivery_week_english}}</div>
                                                        <div style="color: #999">{{detailsList.delivery_time}}</div>
                                                    </div>
                                                    <div class="check_logistics_week" v-else>
                                                        <div>时间未知</div>
                                                        <div>unknown time</div>
                                                    </div>
                                                    <div class="check_logistics_icon"></div>
                                                    <div class="check_logistics_mes">
                                                        <div>商家发货</div>
                                                        <div>merchant shipping</div>
                                                    </div>
                                                </li>
                                                <div class="static_line_second"></div>
                                                <li>
                                                    <div class="check_logistics_week">
                                                        <div>{{detailsList.add_week}}</div>
                                                        <div>{{detailsList.add_week_english}}</div>
                                                        <div style="color: #999">{{detailsList.add_time}}</div>
                                                    </div>
                                                    <div class="check_logistics_icon"></div>
                                                    <div class="check_logistics_mes">
                                                        <div>已下单</div>
                                                        <div>order placed</div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!--待评价-->
                                <div class="tab-pane" id="dpjOrder">
                                    <div class="my_order_list"  v-for="list in orderLists">
                                        <div class="info_box">
                                            <div class="order_shop_info">
                                                <div class="order_shop_img">
                                                    <img :src="list.image" alt="">
                                                </div>
                                                <div class="order_shop_title">
                                                    <div class="title_zh">{{list.supplier_name}}</div>
                                                </div>
                                                <div class="order_count">
                                                    <div class="title_zh">共计商品 {{list.product_count}} 件</div>
                                                    <div class="title_en">a total of {{list.product_count}} item</div>
                                                </div>
                                            </div>
                                            <div class="order_product_box" v-for="goods in list.product">
                                                <div class="order_product_info">
                                                    <div class="order_product_img">
                                                        <img :src="goods.image" alt="">
                                                    </div>
                                                    <div class="product_info_box">
                                                        <div class="product_name_area">
                                                            <div class="product_name">
                                                                <div class="title_zh">{{goods.product_name}}</div>
                                                            </div>
                                                            <div class="product_num">{{goods.packing_proportion}}{{goods.unit}}</div>
                                                            <div class="product_num_number">×{{goods.num}}</div>
                                                        </div>
                                                        <div class="product_price_area">
                                                            <div class="product_price_bar">
                                                                <div class="product_title">
                                                                    <div class="title_zh">总增值税</div>
                                                                    <div class="title_en">total VAT</div>
                                                                </div>
                                                                <div class="product_num vat_pirce">
                                                                    <em>￡</em>
                                                                    <span>{{goods.tax}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="product_price_bar">
                                                                <div class="product_title">
                                                                    <div class="title_zh">收取总额</div>
                                                                    <div class="title_en">total charge</div>
                                                                </div>
                                                                <div class="product_num vat_pirce">
                                                                    <em>￡</em>
                                                                    <span>{{goods.total_price}}</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="total_amount_box">
                                                <div class="total_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.paymoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">共</div>
                                                        <div class="title_en">a total of</div>
                                                    </div>
                                                </div>
                                                <div class="discount_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.discountmoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">已节省</div>
                                                        <div class="title_en">economized</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="btn_box">
                                            <div class="my_check_btn" v-if="list.is_user_comment == 0" @click="evaluation(list.order_id,list.product_count,list.supplier_id)">
                                                <div class="title_zh">评价</div>
                                                <div class="title_en">evaluation</div>
                                            </div>
                                            <div class="my_check_btn cancel_btn" v-if="list.is_complaints == 0" @click="complaints(list.order_id)">
                                                <div class="title_zh">投诉</div>
                                                <div class="title_en">complaints</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination_box" v-html="paginate"></div>
                                </div>
                                <!--待评价投诉-->
                                <div class="tab-pane" id="dpjOrder_complaints">
                                    <div class="my_order_list complaints" >
                                        <textarea placeholder="请输入投诉理由
please enter reason for complaint" v-model="complain_content"></textarea>
                                        <div class="complaints_img_font">
                                            <div>添加图片说明</div>
                                            <div>add picture description</div>
                                        </div>
                                        <div class="chang_pic_file" v-loading="loading1">
                                            <div class="complain_img my_complaints_img"></div>
                                            <div class="file_detail">
                                                <input type="file" @change="uploadImg" id="complain_img" accept="image/jpeg,image/png,image/jpg" multiple="multiple" />
                                            </div>
                                        </div>
                                        <div class="complaints_tel">
                                            <div>
                                                <div>联系电话</div>
                                                <div>telephone number</div>
                                            </div>
                                            <div style="margin-left: 2%" class="contact_input_box">
                                                <input v-model="complain_tel" onblur="showInput(this)">
                                                <div class="input_title" onclick="hiddenDiv(this)">
                                                    <div class="input_title_zh">选填 便于我们联系你</div>
                                                    <div class="input_title_en">so we will be able to contact you</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="edit_submit">
                                            <div class="edit_btn" v-on:click="complain()">
                                                <div class="title_zh">提交</div>
                                                <div class="title_en">submit</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--待评价评价-->
                                <div class="tab-pane" id="dpjOrder_evaluation">
                                    <div class="my_order_list evaluation" style="padding: 0">
                                        <div class="order_product_info_box" v-for="(list,index) in evaluationList">
                                            <div class="evaluation_info order_product_info_bor">
                                                <div class="order_product_img">
                                                    <img :src="list.image">
                                                </div>
                                                <div class="product_info_box">
                                                    <div class="evaluation_name_area" style="width: 100%">
                                                        <div class="evaluation_name">
                                                            <div class="title_zh">{{list.product_name}}</div>
                                                        </div>
                                                        <button style="margin-right: 15px" :id="'good'+index">
                                                            <div><img src="/image/userweb/personal/praise1.png" alt="" width="100%" height="100%"></div>
                                                            好评/positive review
                                                        </button>
                                                        <button :id="'bad'+index">
                                                            <div><img src="/image/userweb/personal/breview1.png" alt="" width="100%" height="100%"></div>
                                                            差评/negative review
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="evaluation_padding">
                                                <div class="evaluation_font">
                                                    <div>商品评分</div>
                                                    <div>product rating</div>
                                                </div>
                                                <input type="hidden" v-model="list.product_id" :id="'id'+index">
                                                <div class="evaluation_img" :id="'goods'+ index" @click="changeStar(index)" >
                                                </div>
                                            </div>
                                            <div class="evaluation_padding" >
                                            <textarea placeholder="请输入评价内容
please enter review" :id="'comment'+index"></textarea>
                                            </div>
                                        </div>
                                        <div class="evaluation_padding">
                                            <div class="evaluation_font">
                                                <div>店铺评分</div>
                                                <div>store rating</div>
                                            </div>
                                            <div class="evaluation_img" id="star1"></div>
                                        </div>
                                        <div class="evaluation_padding">
                                            <div class="evaluation_font">
                                                <div>描述相符</div>
                                                <div>matching description</div>
                                            </div>
                                            <div class="evaluation_img" id="star2">
                                            </div>
                                        </div>
                                        <div class="evaluation_padding">
                                            <div class="evaluation_font">
                                                <div>物流服务</div>
                                                <div>logistics services</div>
                                            </div>
                                            <div class="evaluation_img" id="star3">
                                            </div>
                                        </div>
                                        <div class="evaluation_padding">
                                            <div class="evaluation_font">
                                                <div>服务态度</div>
                                                <div>service attitude</div>
                                            </div>
                                            <div class="evaluation_img" id="star4">
                                            </div>
                                        </div>
                                        <div class="evaluation_padding">
                                            <textarea placeholder="请输入评价内容
please enter the description is consistent" v-model="comment"></textarea>
                                        </div>
                                        <div class="eval_submit">
                                            <div class="edit_btn"  v-on:click="evaluate()">
                                                <div class="title_zh">提交</div>
                                                <div class="title_en">submit</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--关闭交易-->
                                <div class="tab-pane" id="closeOrder">
                                    <div class="my_order_list" v-for="list in orderLists">
                                        <div class="info_box">
                                            <div class="order_shop_info">
                                                <div class="order_shop_img">
                                                    <img :src="list.image" alt="">
                                                </div>
                                                <div class="order_shop_title">
                                                    <div class="title_zh">{{list.supplier_name}}</div>
                                                </div>
                                                <div class="order_count">
                                                    <div class="title_zh">共计商品 {{list.product_count}} 件</div>
                                                    <div class="title_en">a total of {{list.product_count}} item</div>
                                                </div>
                                            </div>
                                            <div class="order_product_info" v-for="goods in list.product">
                                                <div class="order_product_img">
                                                    <img :src="goods.image" alt="">
                                                </div>
                                                <div class="product_info_box">
                                                    <div class="product_name_area">
                                                        <div class="product_name">
                                                            <div class="title_zh">{{goods.product_name}}</div>
                                                        </div>
                                                        <div class="product_num">{{goods.packing_proportion}}{{goods.unit}}</div>
                                                        <div class="product_num_number">×{{goods.num}}</div>
                                                    </div>
                                                    <div class="product_price_area">
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">总增值税</div>
                                                                <div class="title_en">total VAT</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.tax}}</span>
                                                            </div>
                                                        </div>
                                                        <div class="product_price_bar">
                                                            <div class="product_title">
                                                                <div class="title_zh">收取总额</div>
                                                                <div class="title_en">total charge</div>
                                                            </div>
                                                            <div class="product_num vat_pirce">
                                                                <em>￡</em>
                                                                <span>{{goods.total_price}}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="total_amount_box">
                                                <div class="total_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.paymoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">共</div>
                                                        <div class="title_en">a total of</div>
                                                    </div>
                                                </div>
                                                <div class="discount_amount">
                                                    <div class="total_amount_val">
                                                        <em>￡</em>{{list.discountmoney}}
                                                    </div>
                                                    <div class="total_amount_title">
                                                        <div class="title_zh">已节省</div>
                                                        <div class="title_en">economized</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--<div class="btn_box">
                                            <div class="my_check_btn cancel_btn" v-on:click="showCancel(list.tel)">
                                                <div class="title_zh">取消订单</div>
                                                <div class="title_en">Cancel order</div>
                                            </div>
                                        </div>-->
                                    </div>
                                    <div class="pagination_box" v-html="paginate"></div>
                                </div>
                                <div id="noData"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="slogan">
    <div class="slogan_title">
        <p>让我们的生活有更好的选择</p>
    </div>
    <div class="sub_slogan_title">
        <p>Let our lives have a better choice.</p>
    </div>
</div>
{include file="html/Common/indexFooter"}
</body>
<script src="__JS__/vue.js"></script>
<script src="__JS__/vue-resource.js"></script>
<script src="__JS__/loading.js"></script>
<script src="__JS__/userweb/jquery.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
<script src="__JS__/userweb/common.js"></script>
<script src="__JS__/star/js/jquery.raty.min.js"></script>
<script src="/js/supplies/axios.js"></script>
<script src="__JS__/layer.js"></script>
<script src="__JS__/userweb/my/myOrder.js"></script>
<script>
    $(function () {
        validToken(); //验证tonken.
        bannerInit();
        showStar();
        $("#my").addClass("active");
        $("#my").siblings().removeClass("active");
    })
    function check_logistics(){
        $("#dqrOrder").hide();
        $("#dqrOrder_check_logistics").show();
    }
    function complaints(){
        $("#dpjOrder").hide();
        $("#dpjOrder_complaints").show();
    }
    function evaluation(){
        $("#dpjOrder").hide();
        $("#dpjOrder_evaluation").show();
    }
    /*
     * @description : 显示星级评分
     * @params:
     * @author : peng huaneng
     * @date : 2018/1/31 9:51
     */
    function showStar() {
        for(var i=0;i<5;i++){
            $('#star'+i).raty({
                path: '/js/star/img',
                size: 40,
                starOff: 'star2.png',
                starOn: 'star1.png'
            });
        }
    }
    function closeModel (num) {
        $('#overhidden').css('overflow','inherit');
        if (1 == num){
            $("#confirmOrder").hide();
        }else if (2 == num){
            $("#cancelOrder").hide();
        }else if (3 == num){
            $("#confirmAgain").hide();
        }
    }

    function showIcon(n) {
        if(1 == n){
            getDate('startTime');
            $('#startIcon').addClass("up_arrow");
            $('#startIcon').removeClass("down_arrow");
        }
        if(2 == n){
            getDate('endTime');
            $('#endIcon').addClass("up_arrow");
            $('#endIcon').removeClass("down_arrow");
        }
    }
    function hideIcon(n) {
        if(1 == n){
            $('#startIcon').removeClass("up_arrow");
            $('#startIcon').addClass("down_arrow");
        }
        if(2 == n){
            $('#endIcon').removeClass("up_arrow");
            $('#endIcon').addClass("down_arrow");
        }
    }

</script>
</html>